<!--
 * @Description: 
 * @Autor: Zhongyu
 * @Date: 2021-03-18 10:32:56
 * @LastEditors: Zhongyu
 * @LastEditTime: 2021-03-18 15:42:41
-->
<template>
	<div id="z-pagination" class="z-pagination">
		<el-pagination
			background
			:current-page="currentPage"
			:page-size="formSize"
			:pager-count="pagerCount"
			:layout="layout"
			:total="total"
		></el-pagination>
	</div>
</template>

<script>
export default {
	name: 'z-pagination',
	props: {
		formSize: {
			type: Number,
			default: 10,
		},
		pagerCount: {
			type: Number,
			default: 7,
		},
		layout: {
			type: String,
			default: '->, prev, pager, next, jumper',
		},
		total: {
			type: Number,
			default: 0,
		},
		currentPage: {
			type: Number,
			default: 1,
		},
	},
	methods: {
		onSubmit() {
			this.$emit('submit', this.formData);
		},
	},
};
</script>
<style lang="less" src="./index.less"></style>
